<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en">
<head>
  <meta name="copyright" content=
  "Copyright (c) IBM Corporation and others 2000, 2013. This page is made available under license. For full details see the LEGAL in the documentation book that contains this page.">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <link rel="STYLESHEET" href="../book.css" charset="ISO-8859-1" type="text/css">
  <title>Tiling editors</title>
</head>
<body bgcolor="#FFFFFF">
  <h1>Tiling editors</h1>
  <p class="Para">The Workbench allows for the creation of two or more sets of editors in the editor area. The editor
  area can also be resized but views cannot be dragged into the editor area.</p>
  <ol>
    <li>
      <p class="Para">Open at least two editors in the editor area by double-clicking editable files in one of the
      navigation views.</p>
    </li>
    <li>
      <p class="Para">Click and drag one of the editor's tabs out of the editor area. Do not release the mouse
      button.</p>
    </li>
    <li>
      <p class="Para">Notice that the restricted cursor displays if an attempt is made to drop the editor either on top
      of any view or outside the Workbench window.</p>
    </li>
    <li>
      <p class="Para">Still holding down the mouse button, drag the editor over the editor area and move the cursor
      along all four edges as well as in the middle of the editor area, on top of another open editor. Notice that
      along the edges of the editor area the directional arrow drop cursors appear, and in the middle of the editor
      area the stack drop cursor appears.</p>
    </li>
    <li>
      <p class="Para">Dock the editor on a directional arrow drop cursor so that two editors appear in the editor
      area.</p>
    </li>
    <li>
      <p class="Para">Notice that each editor can also be resized as well as the entire editor area to accommodate the
      editors and views as necessary.</p>
    </li>
    <li>
      <p class="Para">It is important to observe the color of an editor tab (in the figure below there are two groups,
      one above the other)</p>
      <p class="Para"><b>blue</b> - indicates that the editor is currently active</p>
      <p class="Para"><b>default</b> (gray on Windows XP) - indicates that the editor was the last active editor. If
      there is an active view, it will be the editor that the active view is currently working with. This is important
      when working with views like the Outline and Properties that work closely with the editor.</p>
    </li>
    <li>
      <p class="Para">Drag and dock the editor somewhere else in the editor area, noting the behavior that results from
      docking on each kind of drop cursor. Continue to experiment with docking and resizing editors and views until the
      Workbench has been arranged to satisfaction. The figure below illustrates the layout if one editor is dragged and
      dropped below another.</p>
      <p><img src="../images/Image57_two_editors.png" alt="Two editors" border="0" width="800"></p>
    </li>
  </ol>
  <h3 class="related">Related tasks</h3><a href="qs-39.htm">Rearranging views and editors</a><br>
  <a href="qs-39d.htm">Rearranging views</a><br>
  <a href="qs-39f.htm">Rearranging tabbed views</a><br>
  <a href="qs-39g.htm">Maximizing and minimizing</a>
</body>
</html>
